{% load staticfiles %}

<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
	<meta charset="utf-8"/>
	<title>{{ title }}</title>

	<meta name="description" content=""/>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

	<!-- bootstrap & fontawesome -->
	<link rel="stylesheet" href="{% static 'smAdmin/assets/css/bootstrap.min.css' %}"/>
	<link rel="stylesheet" href="{% static 'smAdmin/assets/font-awesome/4.5.0/css/font-awesome.min.css' %}"/>

	<!-- page specific plugin styles -->

	<!-- text fonts -->
	<link rel="stylesheet" href="{% static 'smAdmin/assets/css/fonts.googleapis.com.css' %}"/>

	<!-- ace styles -->
	<link rel="stylesheet" href="{% static 'smAdmin/assets/css/ace.min.css' %}" class="ace-main-stylesheet" id="main-ace-style"/>

	<!--[if lte IE 9]>
	<link rel="stylesheet" href="{% static 'smAdmin/assets/css/ace-part2.min.css' %}" class="ace-main-stylesheet" />
	<![endif]-->
	<link rel="stylesheet" href="{% static 'smAdmin/assets/css/ace-skins.min.css' %}"/>
	<link rel="stylesheet" href="{% static 'smAdmin/assets/css/ace-rtl.min.css' %}"/>
	<!--[if lte IE 9]>
	<link rel="stylesheet" href="{% static 'smAdmin/assets/css/ace-ie.min.css' %}" />
	<![endif]-->

	<!-- inline styles related to this page -->
	<link rel="stylesheet" href="{% static 'smAdmin/assets/layui/css/layui.css' %}" />

	<!-- ace settings handler -->
	<script src="{% static 'smAdmin/assets/js/ace-extra.min.js' %}"></script>

	<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->

	<!--[if lte IE 8]>
	<script src="{% static 'smAdmin/assets/js/html5shiv.min.js' %}"></script>
	<script src="{% static 'smAdmin/assets/js/respond.min.js' %}"></script>
	<![endif]-->
	<script src="{% static 'smAdmin/js/main.js' %}"></script>
	{% block head %} {% endblock %}
</head>

<body class="no-skin">

{% include "smAdmin/nav_bar.html" %}

<div class="main-container ace-save-state" id="main-container">
	<script type="text/javascript">
		try {
			ace.settings.loadState('main-container')
		} catch (e) {
		}
	</script>

	{% include "smAdmin/main_sidebar.html" %}
	<div class="main-content">
		{% block main_content %} {% endblock %}
	</div><!-- /.main-content -->
	{% include "smAdmin/main_footer.html" %}

	<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
		<i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
	</a>
</div><!-- /.main-container -->

<!-- basic scripts -->

<!--[if !IE]> -->
<script src="{% static 'smAdmin/assets/js/jquery-2.1.4.min.js' %}"></script>
<!-- <![endif]-->

<!--[if IE]>
<script src="{% static 'smAdmin/assets/js/jquery-1.11.3.min.js' %}"></script>
<![endif]-->
<script type="text/javascript">
	if ('ontouchstart' in document.documentElement) document.write("<script src='{% static 'smAdmin/assets/js/jquery.mobile.custom.min.js' %}'>" + "<" + "/script>");
</script>
<script src="{% static 'smAdmin/assets/js/bootstrap.min.js' %}"></script>

<!-- page specific plugin scripts -->

<!-- ace scripts -->
<script src="{% static 'smAdmin/assets/js/ace-elements.min.js' %}"></script>
<script src="{% static 'smAdmin/assets/js/ace.min.js' %}"></script>

<!-- inline scripts related to this page -->
<script src="{% static 'smAdmin/assets/layui/layui.js' %}"></script>
</body>
</html>
